import React from 'react'
import { DiscussionWrapper } from './style'

interface DiscussionProps {
  discussion: {
    icon: string;
    title: string;
    prompt: string;
  },
}

const Discussion: React.FC<DiscussionProps> = (props) => {
  const { discussion } = props;
  return (
    <DiscussionWrapper>
      <div className="icon">
        <img src={discussion.icon} />
      </div>
      <div className="message">
        <div className="title">
          {discussion.title}
          <span>未签到</span>
        </div>
        <div className="prompt">
          {discussion.prompt}
        </div>
      </div>
      <div className="link">
        <a href="#"> 进入讨论区 &gt; </a>
      </div>
    </DiscussionWrapper>
  )
}

export default Discussion
